<template>
  <div>
    <a-alert
      message="双保业务注意事项"
      description="提示内容"
      type="warning"
      show-icon
    />
    <a-divider />
    <s-table
      ref="table"
      size="small"
      :columns="columns"
      :data="data"
      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
    >
      <template slot="title">
        <a-tag color="red">当前仅可申请状态为【驳回】的双保业务</a-tag>
      </template>
    </s-table>
  </div>
</template>

<script>
  import { STable } from '@/components'
  import contractColumns from '@/columns/contract'

  export default {
    components: {
      STable
    },
    name: 'DoubleForm',
    data () {
      return {
        selectedRowKeys: [],
        columns: contractColumns.business4,
        data: () => {
          return new Promise(resolve => {
            resolve({
              data: [
                {
                  business_no: 'YW20220608KQVRHZ',
                  business_name: '商标申请',
                  status: '驳回',
                  price: '5000.00',
                  price1: '3500.00'
                }
              ]
            })
          })
        }
      }
    },
    methods: {
      onSelectChange (selectedRowKeys) {
        this.selectedRowKeys = selectedRowKeys
      }
    }
  }
</script>

<style scoped>

</style>
